<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>591详情页面</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/index.css?v=1.02">
    <link rel="stylesheet" href="./styles/animate.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js?v=1"></script>

</head>
<body>

<!--<div class="blank40"></div>-->
<div class="header ">
    <div class="h-content">
        <div class="logo">
            <!--<img src="./images/logo.png" alt="">-->
        </div>

        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li class="nav-product">
                    <a href="#">产品系列</a>
                    <span class="trangle"></span>
                </li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">配件</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">APP下载</a></li>
                <li class="tmall"><a href="#">天猫</a></li>
            </ul>

        </div>
        <div class="child-nav">
            <ul>
                <li>
                    <span class="title"></span>
                    <img src='./images/nav_pro_1.png' class="product-img" />
                    <span class="type">760T套装系列</span>
                </li>
                <li>
                    <span class="title">KKC基础牙刷</span>
                    <img src='./images/nav_pro_2.png' class="product-img" />
                    <span class="type">660系列</span>
                </li>
                <li>
                    <span class="title"></span>
                    <img src='./images/nav_pro_3.png' class="product-img" />
                    <span class="type">720系列</span>
                </li>
                <li>
                    <span class="title">smart系列</span>
                    <img src='./images/nav_pro_4.png' class="product-img" />
                    <span class="type">591系列</span>
                </li>
                <li>
                    <span class="title">KKC KIDS</span>
                    <img src='./images/nav_pro_5.png' class="product-img" />
                    <span class="type">F11H海尔兄弟定制款</span>
                </li>
            </ul>
        </div>
        <script>
            var nav_handle= null;

            function nav_product_show(){

                clearTimeout( nav_handle );
                $('.header').addClass('product-show');

            }

            function nav_product_hide(){

                clearTimeout( nav_handle );
                nav_handle = setTimeout(function(){
                    $('.header').removeClass('product-show');
                },200);

            }

            $('.child-nav,.nav-product').hover(function(){
                nav_product_show();
            },function(){
                nav_product_hide();
            });
        </script>
    </div>

</div>


<div class="kkc-content home-layer detail-591_01" >

    <img src="./images/591/591_01.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">KKC电动牙刷smart591系列</div>
        <div class="txt_2 wow fadeInUp">这一刻 <span class="focus">AI</span>上刷牙</div>

    </div>
</div>

<div class="kkc-content home-layer detail-591_02" >

    <img src="./images/591/591_02.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">你的私人口腔健康专家</div>

        <div class="txt_2 wow fadeInUp">
            <span>■&nbsp;&nbsp;智能口腔报告</span>
            <span>■&nbsp;&nbsp;实时刷牙引导</span><br>
        </div>

        <div class="txt_3 wow fadeInUp">
            <span>■&nbsp;&nbsp;16区3D区域跟踪</span>
            <span>■&nbsp;&nbsp;蜂鸟忙刷技术</span>
        </div>

        <div class="txt_4 wow fadeInUp">
            采用蜂鸟评分算法，从刷牙幅度，频率，角度，时间，<br>力度，覆盖率超6维精确评估牙齿清洁状况
        </div>

    </div>
</div>

<div class="kkc-content home-layer detail-591_03" >

    <img src="./images/591/591_03.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">智能语音引导，造你想要</div>
        <div class="txt_2 wow fadeInUp">■&nbsp;&nbsp;用超精细的传感器模组，打造专属你的智能化时代</div>
        <div class="txt_3 wow fadeInUp">一只自带语音导航的电动牙刷，你的牙齿需求，smart系列牙刷全知道</div>

    </div>
</div>

<div class="kkc-content home-layer detail-591_04" >

    <img src="./images/591/591_04.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">搭配全新升级APP使用</div>
        <div class="txt_2 wow fadeInUp">实现可视化刷牙向导，精准清洁牙菌斑。可查看每次刷牙的评分，记录时长，覆盖率，随时查看每次，每周，每月刷牙报告，给你的口腔更智能的呵护方案</div>

    </div>
</div>

<div class="kkc-content home-layer detail-591_05" >

    <img src="./images/591/591_05.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">对你的口腔呵护细致到每一根刷毛</div>
        <div class="txt_2 wow fadeInUp">
            采用美国杜邦优质的柔软刷毛，高密度植毛工艺提升约40%的毛量<br>
            每根刷毛都经过磨毛处理，避免因刷毛不圆润造成的磨伤牙龈，划伤牙齿表面
        </div>
        <!--<div class="txt_3 wow fadeInUp">每根刷毛都经过磨毛处理，避免因刷毛不圆润造成的磨伤牙龈，划伤牙齿表面</div>-->

    </div>
</div>

<div class="kkc-content home-layer detail-591_06" >

    <img src="./images/591/591_06.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">
            4档位护理模式<br>
            牙齿想要的，都能满足
        </div>
        <!--<div class="txt_2 wow fadeInUp">牙齿想要的，都能满足</div>-->
        <div class="txt_2 wow fadeInUp">清洁模式，按摩模式，亮白模式，个性化定制模式，确保刷牙力度随时都能恰到好处。</div>

    </div>
</div>

<div class="kkc-content home-layer detail-591_07" >

    <img src="./images/591/591_07.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">一年只充两次电</div>
        <div class="txt_2 wow fadeInUp">
            在充电技术上，采用更稳定的感应式充电，<br>
            使得整机充电只需4小时<br>
            一次满足，给你长达180天的陪伴
        </div>

    </div>
</div>

<div class="kkc-content home-layer detail-591_08" >

    <img src="./images/591/591_08.png" alt="" >

    <div class="text_all">
        <div class="txt_1 wow fadeInUp">配件也要完美，颜值就是胜利</div>
        <div class="txt_2 wow fadeInUp">
            <div class="parts">
                <span class="item">
                    <img src="./images/591/591_08_a.png" alt="">
                    <span class="name">刷柄 X 1</span>
                </span>
                <span class="item">
                    <img src="./images/591/591_08_b.png" alt="">
                    <span class="name">刷头 X 2</span>
                </span>
                <span class="item">
                    <img src="./images/591/591_08_c.png" alt="">
                    <span class="name">充电线 X 1</span>
                </span>
                <span class="item">
                    <img src="./images/591/591_08_d.png" alt="">
                    <span class="name">说明书 X 1</span>
                </span>
                <span class="item">
                    <img src="./images/591/591_08_e.png" alt="">
                    <span class="name">保修卡 X 1</span>
                </span>
            </div>
        </div>

    </div>
</div>





<div class="footer">
    <div class="qrcode">

        <div class="title">关注我们</div>

        <div class="weibo">
            <img src="./images/weibo.png" alt="" class="weibo">
            <span class="name">官方微博</span>
        </div>

        <div class="wechat">
            <img src="./images/wechat.png" alt="" class="wechat">
            <span class="name">官方微信</span>
        </div>

    </div>

    <div class="copyright">

        <div class="language">
            <span class="Chinese">中文</span>
            <span>|</span>
            <span class="English">English</span>
        </div>
        <div class="company">©2019 海尔信息科技（深圳）有限公司  版权所有 鲁ICP备16076508号-1 </div>
    </div>
</div>


<script>

    //动画
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });
    wow.init();

</script>
</body>
</html>